<template>
    <div>
        <el-config-provider :locale="elementLocale">
            <router-view />
        </el-config-provider>
    </div>
</template>

<script setup>
import { computed } from 'vue'
import zhCn from 'element-plus/dist/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

dayjs.extend(relativeTime)
// 设置语言为中文
dayjs.locale('zh-cn')


const elementLocale = computed(() => {
    return zhCn
})


</script>

<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.redirect-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 整体滚动条 */
::-webkit-scrollbar {
    width: 8px;
    /* 垂直滚动条宽度 */
    height: 8px;
    /* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: transparent;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #bfe2fd;
    border-radius: 4px;
}

/* 鼠标悬浮在滚动条上的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #a3d5fc;
}

/* Firefox 浏览器的滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: #bfe2fd transparent;
}
</style>